@extends('finance-department.layouts')
@section('style')
    <meta name="_token" content="{{ csrf_token() }}"/>
    <style>
        .finance-th{
            text-align: center;
            color: #676767;
        }
        .finance-td{
            text-align: center;
            color: #676767;
        }
    </style>
    <link rel="stylesheet" href="{{asset('admin_assets/css/bootstrap-datetimepicker.min.css')}}">
@stop
@section('content')
    <div class="content-wrapper" style="background-color: white">
        <section class="content">
            <div class="row">
                <div class="col-lg-3 col-xs-6">
                    <div class="small-box bg-aqua">
                        <div class="inner">
                            <h3>20</h3>
                            <p>待结算</p>
                        </div>
                        <div class="icon">
                            <i class="fa fa-shopping-cart"></i>
                        </div>
                        <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-xs-6">
                    <div class="small-box bg-green">
                        <div class="inner">
                            <h3>20</h3>
                            <p>已结算</p>
                        </div>
                        <div class="icon">
                            <i class="fa fa-shopping-cart"></i>
                        </div>
                        <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-xs-6">
                    <div class="small-box bg-yellow">
                        <div class="inner">
                            <h3>44</h3>
                            <p>已收款额</p>
                        </div>
                        <div class="icon">
                            <i class="fa fa-shopping-cart"></i>
                        </div>
                        <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-xs-6">
                    <div class="small-box bg-red">
                        <div class="inner">
                            <h3>65</h3>
                            <p>尾款款额</p>
                        </div>
                        <div class="icon">
                            <i class="fa fa-shopping-cart"></i>
                        </div>
                        <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th class="finance-th">编号</th>
                                <th class="finance-th">类型</th>
                                <th class="finance-th">名称</th>
                                <th class="finance-th">申请人</th>
                                <th class="finance-th">处理人</th>
                                <th class="finance-th">申请日期</th>
                                <th class="finance-th">款项金额</th>
                                <th class="finance-th">尾款金额</th>
                                <th class="finance-th">尾款支付时间</th>
                                <th class="finance-th">操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td class="finance-td">1</td>
                                <td class="finance-td">商标</td>
                                <td class="finance-td">壹</td>
                                <td class="finance-td">李四</td>
                                <td class="finance-td">刘一</td>
                                <td class="finance-td">2017.01.01</td>
                                <td class="finance-td">¥120.00</td>
                                <td class="finance-td">¥120.00</td>
                                <td class="finance-td">2017.05.06</td>
                                <td class="finance-td">
                                    <a href="#">确认查收首款</a>
                                </td>
                            </tr>
                            <tr>
                                <td class="finance-td">2</td>
                                <td class="finance-td">专利</td>
                                <td class="finance-td">贰</td>
                                <td class="finance-td">王五</td>
                                <td class="finance-td">陈二</td>
                                <td class="finance-td">2017.01.01</td>
                                <td class="finance-td">¥120.00</td>
                                <td class="finance-td">¥120.00</td>
                                <td class="finance-td">2017.05.06</td>
                                <td class="finance-td">
                                    <a href="#">确认查收尾款</a>
                                </td>
                            </tr>
                            <tr>
                                <td class="finance-td">3</td>
                                <td class="finance-td">版权</td>
                                <td class="finance-td">叁</td>
                                <td class="finance-td">王五</td>
                                <td class="finance-td">陈二</td>
                                <td class="finance-td">2017.01.01</td>
                                <td class="finance-td">¥120.00</td>
                                <td class="finance-td">¥120.00</td>
                                <td class="finance-td">2017.05.06</td>
                                <td class="finance-td">
                                    <span style="cursor: pointer">款项已结清</span>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </section>
    </div>
@stop
@section('javascript')
@stop
